<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .button{
            width: 250px;
            height: 100px;
            background-color: aqua;
            border-radius: 30%;
            text-align: center;
            line-height: 100px;
        }
        .button:active{
             animation: identifier 1.5s ; 
         
        }
        @keyframes identifier {
            from{
             transform: scale(1.022);
            }
            to{
                transform: scale(1);
            }
        }
    </style>
</head>

<body>
    <div class="button">dianji</div>
    <script>
        function fn() {
  let n = 99
  add = function() {
    n++
  }
  function fn1() {
    console.log(n)
  }
  return fn1
}
const result = fn()
result()
add()
result()
function Parent() {
  this.list = ['1']
  this.property = true
}
Parent.prototype.getProperty = function() {
  return this.property
}
function Children() {
  Parent.call(this)
}
Children.prototype = Object.create(Parent.prototype)
Children.prototype.constructor = Children
console.log(Object.create(Parent.prototype));
// console.log(hasProperty(Children,'toString'));
console.log(Children.prototype);

function hasProperty(Class,property){
    let prototype=Class.prototype
    while(prototype){
       if(!(prototype.hasOwnProperty(property))){
        prototype=prototype.constructor.prototype
       }else{
        return true
       }
    }
    return false
}
    </script>
</body>
</html>